@import './includes/reset';
@import './includes/header';
@import './includes/footer';

/* 版心 */
body{
    min-width:1200px;
    background-color: #F6F6F6;
  }
//   /* 顶部 */
//   #top{
//     width: 100%;
//     height: 27px;
//     background-color: #F2F2F2;
//     .container{
//       .text{ 
//         height: 27px;
//         font-size: 12px;
//         line-height: 27px;
//         color: #999999;
//         width: 400px;
//         display: flex;
//         justify-content: space-around;
//         a{
//           cursor: pointer;
//           color: #999999;
//           &:hover{
//             color: #DF8042;
//           }
//         }
//         span{
//           color:#ff0036;
//           margin-right: 5px;
//         }
//       }
//     }
//   }
//   /* 导航部分 */
//   #nav{
//     width: 100%;
//     height: 161px;
//     .container{
//       height: 100%;
//       display: flex;
//       align-items: center;
//       justify-content: space-around;
//        /* logo */
//        .logo{
//         width: 226px;
//         height: 75px;
//         display: flex;
//         justify-content: space-between;
//         margin-left: 20px;
//           img{
//             width: 75px;
//             height: 100%;
//           }
//           div{
//             font-family: Avenir,Helvetica,Arial,sans-serif;
//             text-align: center;
//             display: flex;
//             flex-direction: column;
//             justify-content: space-evenly;
//             h3{
//               font-size: 28px;
//               color: #3E2210;
//             }
//             span{
//               font-size: 8px;
//               font-family: Avenir,Helvetica,Arial,sans-serif;
//             }
//           }
//     }
//     /* search */
//     .search{
//       width: 532px;
//       height: 46px;
//       border: 2px solid #3F2511;
//       border-radius: 24px;
//       position: relative;
//       display: flex;
//       justify-content: space-evenly;
//       align-items: center;
//       margin-left: 78px;
//       img{
//         width: 20px;
//         height: 20px;
//       }
//       input{
//         width: 355px;
//         height: 43px;
//         border:none;
//         outline: none;
//         background: #F6F6F6;
//       }
//       button{
//         width: 124px;
//         height: 40px;
//         border: none;
//         border-radius: 20px;
//         background-color: #FAE569;
//         font-size: 14px;
//         color: #43200c;
//         cursor: pointer;
//       }
//     } 
//     }
//   }
  /* 购物车列表 */
  #cart-list{
    .container{
      .cart{
        width: 1050px;
        padding: 0px 70px 0px 80px;
        position: relative;
          h3{
            width: 100%;
            height: 30px;
            color:#DF8042;
            line-height: 30px;
            span{
               margin-left: 10px;
            }
        }
        /* 购物车表格 */
        .productList{
          width: 100%;
          height: 1200px;
          .tip{
            width: 100%;
            height: 300px;
            background: #000;
          }
          table{
            width: 100%;
            border-left: 1px solid rgba(#ccc,.3);
            border-right: 1px solid rgba(#ccc,.3);
            border-spacing: 0px;
            .title{
              width: 100%;
              height: 50px;
              background: rgba(#ccc,.3);
              text-align: left;
              text-indent: 1em;
              line-height: 50px;
              th{
                input{
                  margin-right: 5px;
                }
              }
              
            }
            tr{
            

              td{
                height: 100px;
                border-bottom: 1px dashed #ccc;
                text-indent: 1em;
           
                img{
                  width: 80px;
                  height: 80px;
                }
                input[name="checksingle"]{
                  margin-top: 38px;
                }
                input[name="minus"]{
                 width: 20px;
                }
                input[name="amount"]{
                  width: 40px;
                  text-align: center;
                 }
                input[name="plus"]{
                  width: 20px;
                  text-align: center;
                 }
                 span{
                   &:hover{
                     color: #DF8042;
                   }
                 }
              }
              .produc-name{
                width: 350px;
                font-size: 14px;
              }
            }
          }
        }
        /* 总价 */
        .product-price{
          width: 100%;
          height: 70px;
          background: #F2F2F2;
          border-top: 1px solid #ccc;
          position: fixed;
          bottom: 0px;
          left: 0px;
          .cont{
            width: 1050px;
            padding: 0px 70px 0px 80px;
            margin: 0 auto;
            .left{
              line-height: 70px;
              input{
                margin-right: 5px;
              }
            }
            .right{
              float: right;
              overflow: hidden;
              display: flex;
              line-height: 50px;
              & p:nth-child(1){
                color: #999999;
                margin-right: 10px;
                span{
                  color: #ff0036;
                }
              }
              & p:nth-child(2){
                font-size: 12px;
                color: #999999;
                margin-right: 10px;
                span{
                  font-size: 20px;
                  color: #ff0036;
                  margin-left: 5px;
                }
              }
              .balance{
                width: 100px;
                height: 100%;
                background-color: #DF8042;
                border: 0px solid #000;
                color: #F2F2F2;
                font-size: 18px;
              }
            }
          }
        }
      }
    }
  }
  